前端页面布局简明参考手册

前端开发 Web开发 CSS
前端页面布局简明参考手册

布局方式分类固定布局 栅格布局 优势 布局可预见,更好控制行长,容易设计和制作 劣势 浏览器窗口比网页窄,内容显示不全;大屏幕下白边很多;大字体行长难以控制,用户无法控制 实现方式 固定内容块的宽度 流式布局 优势 可以避免留白,桌面浏览器用户可以控制窗口内容和宽度,没有水平滚动条 劣势 大屏显示器下行长过长,不适合阅读;内容难以预见 实现方式 ...

纯CSS实现markdown标题自动编号

前端开发 Web开发 JavaScript 代码规范
纯CSS实现markdown标题自动编号

问题的由来第一次关注这个标题编号的问题应该回溯到本科毕业论文的时候了,当时还单独涉猎过这个主题,Word 有个很好的特性级联标题,一次设置好之后,后续只要设置标题样式就能按照设置的标题编号方式自动编号,我们要做的只是将对应的标题设置成对应基本的标题样式就好了,这个方法让我爱不释手,多年来一直沿用。完全解决了中途插入一章,一节等等导致的章节编号都需要人肉调整的问题,当然还有...

JavaScript 隐式类型转换 JS类型转换

编程语言
JavaScript 隐式类型转换 JS类型转换

1 介绍JavaScript作为一种弱类型的语言,我们很多时候不需要直接关心到底是经过怎样的转换过程。JavaScript会在需要我们来探索下到底都是些什么样的过程~~,同时了解在什么样的情况下JavaScript需要什么样的值。 先介绍基本的概念,然后说明各种类型的转换规则,最后说转换的场景。 2 基本概念以下的讲解过程中可能需要用到的概念,这里做一个列表。JavaSc...

JavaScript this 理解

开发技术 JavaScript
JavaScript this 理解

1 thisJavascript中的this是当前执行上下文对象的一个属性,在创建执行上下文时生成,在执行上下文中不可改变。但会随着不同执行上下文的不对变化而改变。 这也是问题所在。 2 严格模式以 “use strict”; 指定的JavaScript解析模式在非严格模式下,this在没有具体的指向的时候会指向全局对象,即浏览器运行时的window对象。严格模式下,不会...

JavaScript prototype 原型 继承 理解

开发技术 JavaScript
JavaScript prototype 原型 继承 理解

1 一些相关概念理解1.1 相关概念 对象 哲学上万物皆对象,具体指人们要研究的客观事物及对其进行的主观抽象; 计算机理论思想中的对象是包含属性和相关行为的封装结构,是类的实例,类是对对象的抽象; 计算机程序的对象是一块具体的内存区域,可以是变量、函数、数据结构以及他们的组合。 JavaScript 中的对象指Object类型的实例,是属性的集合; 属性属性是对象,原...

JavaScript作用域 闭包 理解

开发技术 JavaScript
JavaScript作用域 闭包 理解

1 相关概念理解1.1 作用域顾名思义,作用域就是起作用的范围,可访问的范围,有效的范围。 1.2 词法作用域词法就是单词的形式和用法,词法作用域就是由词法确定的作用域。JavaScript的作用域是词法作用域,可以等同于静态作用域,意指只需要读取源代码进行静态分析(不需要代码执行)就能确定的作用域。 1.3 变量作用域一提到变量作用域,很快能想到的两个词“全局变量”和“...

Tags
619 ABTest AJAX AMD Administrator Ajax Android Babel BackstopJS Bash Browser Browserify CI CMD CMS CORS CSRF CSS CSS Hack CSS2 CSS3 CSS兼容 CSS属性 CSS框架 CSS详解 Chrome Cisco VPN Cli Codova Combobox CommonJS Confluence Cookie DOM DOM位置,DOM事件,屏幕位置 Datagrid Date DateTimePicker Deploy Django 流程 Django 源码 ECMAScript ECMAScript2015 ECMAScript6 ES2015 ES6 EasyUI Electron Event Loop Events FEKit File API Flash Flutter Flux Git Git Bash Git SSH 配置 GitHub HOC HTML HTML4 HTML5 HTTP HTTP-BIND HTTP2 HTTPS HTTP请求 HTTP调试 Hadoop HarmonyOS Headless Chrome Hexo Hijacking Hybrid IA32 IE IE8 IEEE 745 IO模型 Inspect Internet Explorer JIRA JSON Java JavaScript JavaScript历史 JavaScript图表 JavaScript引擎 JavaScript画图 Javascript Jekyll Jekyll Bootstrap Jenkins KMP LDAP Lighthouse Linux Linux性能检测 Linux系统命令 Linux系统管理 MTU MVC MVP MVVM MacOS Markdown MediaElement Mock Modular My97Datepicker NW Native Nest Nginx NoSQL Node Node-Webkit Node.js NodeJS NodeJS历史 ORM OSI OWASP OpenLDAP OpenSSL P3P PDF PDF报表 PHP PHP内核 PM2 PPT PSS PhantomCSS PhantomJS Phonegap PhotoShop Promise Puppeteer Python Python 网页截图 RSS Range React React Native Redux Router SQL注入 SSO Same Origin Policy SeaJS Selection Selenium Session Shell Slides Spring Sublime Text 2 TCP/IP TypeScript UML URL USS UTC Unicode V8 VIA VIM VPN VPN错误 VSS Velocity Velocity-tools Video VirtualEnv Vue Vue Router Vue.js Vuex W3C WSGI WebAssembly WebComponent Webpack Web前端 Web历史 Web发展 Web安全 Web开发 Web服务器 Web架构 Web框架 Web调试 Wiki Win10 XML XMLHTTPRequest XMPP XSS Xvfb YKit ajax android appium appjs.AIR async asynchronous attribute avalon awk beyondcompare bigpipe bootstrap browserify canvas casperjs chai change chmod chrome chrome-launcher click clipboard cnpm cookie copy css defer diff diff算法 eslint event-loop fekit fetch file float forever git github grep gyp harmonyos headless chrome hex history mode http hybrid iOS iPhone X适配 input int iostat jQuery jQuery源码 javascript jekyll js keep-alive markdown merge mocha mock n nginx ngrok node node-inspector node-webkit nodejs npm npm私有仓库 npm私有源 nrm nvm nvmw openssl paste phantomjs pipeline polyfill promise property puppeteer redux requirejs robotjs rsync ruby seajs selenium session sinppia slimerjs spa ssh str submodule tcp this tideSDK touch v8 velocity vmstat webpack webrick windows 丢包 严格模式 中文翻译 中文路径 乱码 事件 事件循环 二维码 仓库 代码优化 代码审查 代码规范 代码设计 代码转换 休眠 优化 作用域 便捷 值对比 值计算 全栈 关系型数据库 兼容性 内存占用参数 内存模型 内存泄露 内存管理 内网穿透工具 分布式文件系统 前后端分离 前端 前端基础 前端安全 前端工程 前端开发 前端攻防 前端架构 前端框架 前端画图 剪贴板 加载 动态表单 动态链接库 动态页面 动画 包管理 协程 单元测试 单点登录 单色黑 博客 印刷 压力测试 原型 原生 参考资料 反向代理 可伸缩 可维护代码 同源策略 名词解释 后端 后端开发 命令行 命令行代理 命令行配置 响应 响应式布局 四舍五入 四色黑 回归测试 固定布局 图片上传 图片识别 图片预览 在线更新 垂直居中 垂直水平居中 堆栈 复制 多页打包 大前端 大数据 字体 字符串匹配 字符串处理 字符集 字节序 学习经验 安全区适配 安全编码 安全设计 安卓 客户端 容器化 小程序 小黑条适配 居中 工作流 工程化 布局 广告 延时检测 开发工具 异步 异步上传 异步编程 引擎 弹层滚动 微前端 快捷键 思路 性能 性能优化 性能分析 性能测试 性能调优 手写 手绘 打包工具 打印 打印机 扩展 扬声器 技术栈 排列 插件推荐 数值 数据分析 数据库 数据库比较 数据结构 文件上传 文本处理 文本模板 无法唤醒 日志分析 日期时间选择器 日期选择器 服务器推 服务器监控 本地预览 校验 样式冲突 样式框架 框架 桌面应用 桌面端 模块加载器 模块化 模块化编译 模块化规范 模拟数据 模板引擎 正则表达式 水平居中 流式布局 流程图 测试 测试工具 测试数据 测试框架 浏览器 浏览器兼容 浏览器原理 浏览器安全 浮点数 混合开发 渗透 源码 源码分析 源码阅读 滑动穿透 滚动穿透 演示文稿 灰度发布 点击下载 点击穿透 热更新 爬虫 特性检测 状态 状态管理 环境搭建 生成器 瘦身 睡眠 知识管理 禁止滚动 禁用缓存 移动端 移动端调试 移除注释 穿透 站点 符号计算 第三方包 算法 管理员权限 管理系统 管程 类型转换 类库 粘贴 系统工具 纤程 线程 组件化 组件通信 组合 终端代理 缓存 编码 编码解码 编程语言 编辑器 网站架构 网站速度检测 网络攻防 网页定位 耳机 自动化 自动化测试 自动化表单 自动截图 自动播放 自动构建 自签名证书 自适应布局 苹果 虚拟DOM 表单值存取 规范 规范检查 解码 计算机网络 设计原则 设计图 设计模式 证书 请求 调试 跨域 跨平台,跨端,解决方案,Web跨平台,Web跨端 跨端 软件破解 运维 进程 迭代器 逆向工程 部分打印 部署 配置规范 闭包 隐式类型转换 静态博客 静态服务器 非内置管理员 面向对象 面向过程 面试 面试题 音视频 页面 页面优化 页面位置 页面加载 页面布局 项目模板 项目结构 风格 高性能 高效 鸿蒙 鼠标定位
×
  • {title}